<!DOCTYPE html>
<html>
<head>
<script src="../../resources/check-layout.js"></script>
</head>
<body onload="checkLayout('td, table', output);">
<p>Test for handling calc() values on table elements as if they were Auto. Check crbug.com/350852 for details.</p>
<div id="output"></div>
<table cellpadding="0" cellspacing="0" data-expected-width="100" data-expected-height="100">
    <tr>
        <td colspan="5" style="width: calc(100% + 100px);" data-expected-width="100" data-expected-height="100">
            <div style="height: 100px; width: 100px"/>
        </td>
    </tr>
</table>

<table cellpadding="0" cellspacing="0" style="table-layout:fixed;" data-expected-width="100" data-expected-height="100">
    <tr>
        <td colspan="5" style="width: calc(100% + 100px);" data-expected-width="100" data-expected-height="100">
            <div style="height: 100px; width: 100px"/>
        </td>
    </tr>
</table>
</body>
</html>